{%include "topo_180plus.html"%}
	<div id="principal">
		<div id="meio">
			<div id="conteudo">
				{%include "header.html"%}
				<div id="box_perfil">
					<div class="barra_inf">
						<p class="titulo">Meu perfil <a href="#" style="color: #1B88D4;">- Editar</a> <a href="/perfil/{{usuario.id}}" style="color: #1B88D4;">- Visualizar</a></p>
						<div class="inf">
							<p>{{quantidadeAnuncio}} an&uacute;ncios | {{usuario.quantidadeAcesso}} visitas</p>
						</div>
					</div>
					<div id="box_perfil_esquerda">
						<div class="foto_perfil">
							<img src="{{MEDIA_URL}}{{usuario.foto}}"/>
							<a href="#"><span>alterar foto</span></a>
						</div>
                        <a href="/login/"><span class="icon user_icon_edit"></span>Perfil</a>	
                        <a href="/minhasmensagens/{{usuario.id}}"><span class="icon msg_icon"></span>Minhas Mensagens<span class="icon">(3)</span></a>	
                        <a href="/meusAnuncios/{{usuario.id}}"><span class="icon anuncios_icon"></span>Meus An&uacute;ncios</a>	
						<button type="submit" class="" onclick="location.href='/anunciar/'">Publicar Novo An&uacute;ncio</button>
					</div>
					<div id="box_perfil_direita">
						<div class="perfil_inf">
							<form>
								<p><strong>Nome: </strong> <input class="perfil_inf_edtM" type="text" value="{{usuario.nome}}"></p>
								<p><strong>Email: </strong> <input class="perfil_inf_edtM" type="text" value=""></p>
								<p><strong>Senha: </strong> <input type="password" value="{{usuario.senha}}"></p>
								<p><strong>Telefone: </strong> <input type="text" value="{{usuario.telefone}}"></p>
								<p><strong>Localiza&ccedil;&atilde;o: </strong>
									 <select>
									 	<option>PI</option>
									 </select> -
									 <select>
									 	<option>Teresina</option>
									 </select>
								</p>
								<p><strong>Endere&ccedil;o: </strong> <input class="perfil_inf_edtM" type="text" value="{{usuario.endereco}}"></p>
								<p><strong>CEP: </strong> <input type="text" value="XXXXX-XX"></p>
								<p><strong>Sobre: </strong> <textarea rows="" cols="">A procura de sempre satisfazer o gosto e a vontade do comprador e sempre buscando melhorar!</textarea></p>
								<p><input class="perfil_inf_btnSalvar" type="button" value="Salvar Altera&ccedil;&otilde;es"></p>							
							</form>
						</div>
					</div>
				</div>
				<div id="box_direita">
					<div class="anuncios_lateral_perfil">
						<div class="box_titulo">
							<h4 class="titulo_anuncio">&Uacute;ltimos an&uacute;ncios</h4>
						<!-- <form class="opc_busca">
								<select>
									<option>Todos</option>
									<optgroup label="Categorias">
										<option>Categorias</option>
										<option>Empregos</option>
										<option>Imoveis</option>
										<option>Negocios</option>
										<option>Veiculos</option>
									</optgroup>
									<optgroup label="Cidades">
										<option>Teresina</option>
										<option>Parnaiba</option>
									</optgroup>
								</select>
							</form>  -->
						</div>
						<ul class="box_anuncios pag_perfil">
						{%for ultimo in ultimos%}
							<li class="linha b_anuncios">
								<a class="img_anuncio" href="/produto/{{ultimo.id}}"><img src="{{MEDIA_URL}}{{ultimo.thumbnail}}"/></a>
								<a class="nome_anuncio" href="#">{{ultimo.descricao}}</a>
								<span class="preco_anuncio">
									<em>R$ {{ultimo.preco}}</em>
								</span>
							</li>
						{%endfor%}
						</ul>
					</div>
					<div class="ads_lateral">
					
					</div>
					<div class="anuncios_lateral_perfil blog_perfil">
						<div class="box_titulo">
							<h4 class="titulo_anuncio">Blog Classi180</h4>
						<!-- 	<form class="opc_busca">
								<select>
									<option>ultimas noticias</option>
									<option>Mais lidas</option>
									<option>Mais comentadas</option>
									<option>Promocoes</option>
									<option>Enquetes</option>
									<option>Dicas</option>
									<option>Novidades no Classi180</option>
								</select>
							</form> -->
						</div>
						<ul class="box_anuncios pag_perfil">
						{%for noticia in noticias%}
							<li class="linha b_perfilblog">
								<span>+</span>
								<a class="nome_anuncio" href="#">{{noticia.titulo}}</a>
							</li>
						{%endfor%}
						</ul>
					</div>
				</div>
				<div id="box_anuncios_vendedor">
					<div class="box_titulo">
						<h4 class="titulo_anuncio">Recomendados para voc&ecirc;</h4>				
						<form class="opc_busca">
							<select>
								<option>Cidades</option>
								<option>Teresina</option>
								<option>Parnaiba</option>
							</select>
							<select>
								<option>Categorias</option>
								<option>Empregos</option>
								<option>Im&oacute;veis</option>
								<option>Neg&oacute;cios</option>
								<option>Ve&iacute;culos</option>
							</select>
							<input type="text">
							<input type="button">
						</form>
					</div>
					<ul class="box_anuncios">
						<li class="linha">
								{%for recomendado in recomendados%}
							{%if forloop.counter|divisibleby:"3"%}
								<li class="box  b_perfil last">
									<a href="/anuncio/{{recomendado.id}}">
										<span>
											<img src="{{MEDIA_URL}}{{recomendado.thumbnail}}"/>
										</span>
										<span class="nome_produto">
											{{recomendado.descricao}}
										</span>
										<span class="preco_produto">
											<em>R$ {{recomendado.preco}}<sup>,00</sup></em>
										</span>
									</a>
								</li>
								</ul>
							</li>
							<li class="linha">
								<ul class="box_linha bl_perfil">
							{%else%}
									<li class="box  b_perfil">
										<a href="/anuncio/{{recomendado.id}}">
											<span>
												<img src="{{MEDIA_URL}}{{recomendado.thumbnail}}"/>
											</span>
											<span class="nome_produto">
												{{recomendado.descricao}}
											</span>
											<span class="preco_produto">
												<em>R$ {{recomendado.preco}}<sup>,00</sup></em>
											</span>
										</a>
									</li>
									{%endif%}
								{%endfor%}
						</li>
					</ul>
				<!-- div class="barra_inf">
							<p class="titulo">PERFIL RELACIONADO</p>
						</div>
						<div class="box_anuncio">
							<div class="box_foto_anuncio">
								<a href="/perfil/{{userRelacionado.id}}" title="Foto perfil"><img src="{{MEDIA_URL}}{{userRelacionado.thumbnail}}" /></a> 
							</div>
							<div class="box_inf_anuncio">
		                        <a href="#"><span class="icon user_icon"></span> {{userRelacionado.nome}}</a>	
		                        <a href="#"><span class="icon tel_icon"></span> {{userRelacionado.telefone}}</a></a>	
		                        <a href="#"><span class="icon anuncios_icon"></span>Todos os anuncios do usuario</a>	
		                        <a onclick="showDiv('box_resumo')"><span class="icon rnk_icon"></span>Reputacao do anunciante:</a>
							</div>
						</div>				
				</div-->
			</div>
		</div>	
		<div id="publicidade">
			<div class="publicidade_link">
				<a href="#" title="Publicidade 3" ><img src="{{MEDIA_URL}}imagens/pub4.png">Publicidade 3</a> 
			</div>
		</div>
	</div>
	{%include "rodape_regioes.html"%}
</body>
</html>